<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/iuapmobile.um.css">
		<link rel="stylesheet" href="../../css/font-icons.css">
		<link rel="stylesheet" type="text/css" href="../../css/iuapmobile.um.listview-2.7.0.css">
		<style>
			.um-list .rowline {
				padding: 10px;
				transition: all ease 0.3s;
				text-align: left;
				color: #282828;
				-webkit-border-image: url("") 2 0 stretch;
				border-image: url("") 2 0 stretch;
				border-width: 0 0 1px 0;
			}
		</style>
		<script src="../../js/jquery.min.js" ></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js" ></script>
		<script src="../../js/summer.js"></script>
		<script src="js/ll.js"></script>
		<script type="text/javascript" src="../../js/knockout-2.2.0.js"></script>
		<script type="text/javascript" src="../../js/Frameworks/iuapmobile.frameworks.listview-2.7.0.js"></script>
	</head>
	<body>
		<div class="um-page" id="index">
			<div class="um-header" >
				<h3>邻里</h3>
				<a href="#express" class="um-header-right ti-plus f20"></a>
			</div>
			<div class="um-content p15">
				<div class="um-listview-wrap" id="listview">
					<ul data-bind="foreach:data">
						<li class="um-listview-row">
							<div style="margin:5px;">
								<div class="um-list" style="margin:0;">
									<div class="rowline" style="border-top-width:0;">
										<div class="um-media-left">
											<img class="um-circle" height=40 width=40 data-bind="attr:{src:head}" alt="...">
										</div>
										<div class="um-media-body">
											<p class="fb f16">
												<span data-bind="text:nickname"></span>
												<img src="img/vip.png" width=20 alt="" data-bind="visible: ifVip"/>
											</p>
											<!-- <p class="um-gray f14">
											来自<span data-bind="text:source"></span>
											</p> -->
										</div>
									</div>
									<div class="rowline" style="text-align:center;padding:0;">
										<img class="um-img-responsive" data-bind="attr:{src:pic}">
									</div>
									<div class="rowline" style="word-wrap: break-word;font-size:16px;">
										<span class="ti-comment-alt um-blue"></span><span class="ml10"
										data-bind="text:talk"></span>
									</div>
									<div class="rowline">
										<div class="um-row tc p10 f16">
											<div class="um-xs-3 um-red agree" data-bind="click:$parent.agree">
												<span class="ti-thumb-up pr f24"></span><span class="pl10"
												data-bind="text:agreeNum"></span>
											</div>
											<div class="um-xs-3 um-blue disagree" data-bind="click:$parent.disagree">
												<span class="ti-thumb-down pr f24"></span><span class="pl10"
												data-bind="text:disagreeNum"></span>
											</div>
											<div class="um-xs-3">
												<span class="ti-comments f24"></span><span class="pl10"
												data-bind="text:comments"></span>
											</div>
											<div class="um-xs-3">
												<span class="ti-more-alt"></span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- <div class="um-footer">
			</div> -->
		</div>
		<div class="um-page" id="express">
			<div class="um-header">
				<a href="#" class="um-back">返回</a>
				<h3>我也说一句</h3>
				<!-- <a href="#" class="um-header-right ti-save"></a> -->
			</div>
			<div id="main" class="um-content p15">
				<ul class="um-list" style="margin:30px 0px">
					<li>
						<div class="um-list-item" style="padding-bottom: 6px;padding-top: 6px">
							<div class="f12" style="width: 2%"></div>
							<div class="f12" style="width: 95%">
								<textarea id="remark" style="height:100px;width:100%" placeholder="这一刻想说的话..."></textarea>
							</div>
							<div class="f12" style="width: 3%"></div>
						</div>
					</li>
				</ul>
				<a href="#" class="popBtn btn mt30 phone" data-target="actionsheet">拍照</a>
				<a href="#" class="popBtn btn mt30" id = "submit">发布</a>
				<img id = "returnpicture" class="um-img-responsive mt20">
			</div>
		</div>
	</body>
</html>